<!DOCTYPE html>
<html>
<head>
<title>Standings</title>
<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/bootstrap-datepicker3.css" rel="stylesheet" />
<link href="Content/site.css" rel="stylesheet" />
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/bootstrap-datepicker.js"></script>
</head>
<body>
<div class="container">
  <h1>standings</h1>
  <div class="row">
    <div>
      <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#Platinum" data-toggle="tab">Platinum</a></li>
        <li><a href="#Gold" data-toggle="tab">Gold</a></li>
        <li><a href="#Silver" data-toggle="tab">Silver</a></li>
        <li><a href="#Bronse" data-toggle="tab">Bronse</a></li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane active" id="Platinum">
          <div class="row">
            <div class="col-xs-12 col-md-8 col-md-offset-2">
              <div class="row  text-center">
                <h2>Results after Round 2</h2>
              </div>
              <table class="table table-striped table-bordered small-padding">
                <thead>
                  <tr>
                    <th>Team</th>
                    <th colspan="2">Rounds</th>
                    <th colspan="2">Matches</th>
                    <th colspan="2">Games</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td> Name </td>
                    <td> Won </td>
                    <td> Lost </td>
                    <td> Won </td>
                    <td> Lost </td>
                    <td> Won </td>
                    <td> Lost </td>
                  </tr>
                  <tr>
                    <td> Forest Hill </td>
                    <td> 1 </td>
                    <td> 0 </td>
                    <td> 10 </td>
                    <td> 1 </td>
                    <td> 22 </td>
                    <td> 6 </td>
                  </tr>
                  <tr>
                    <td> Cranbourne East </td>
                    <td> 1 </td>
                    <td> 0 </td>
                    <td> 7 </td>
                    <td> 4 </td>
                    <td> 16 </td>
                    <td> 10 </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12 col-md-8 col-md-offset-2">
              <table class="table table-striped table-bordered">
                <thead>
                  <tr>
                    <th>Name</th>
                    <th>Team</th>
                    <th>Win</th>
                    <th>Loss</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td> David Nguyen </td>
                    <td> Forest Hill </td>
                    <td> 3 </td>
                    <td> 0 </td>
                  </tr>
                  <tr>
                    <td> Viktor Prypoten </td>
                    <td> Bayswater </td>
                    <td> 1 </td>
                    <td> 2 </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="tab-pane" id="Gold">
          <div class="row">
            <div class="col-xs-12 col-md-8 col-md-offset-2">
              <table class="table table-striped table-bordered">
                <thead>
                  <tr>
                    <th>Name</th>
                    <th>Team</th>
                    <th>Win</th>
                    <th>Loss</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td> Harry Ding </td>
                    <td> Forest Hill </td>
                    <td> 3 </td>
                    <td> 0 </td>
                  </tr>
                  <tr>
                    <td> Thena Nadarajah </td>
                    <td> Mont Albert </td>
                    <td> 1 </td>
                    <td> 2 </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="tab-pane" id="Silver">dsxf123</div>
        <div class="tab-pane" id="Bronse">DSFSDGFDSG</div>
      </div>
    </div>
  </div>
</div>
</div>
</body>
</html>
